<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="../static/common/bootstrap/css/bootstrap.min.css">
    <style>
        .p-w {
            width: 1000px;
            margin: 0 auto;
        }

        .p-header {
            margin-bottom: 20px;
        }

        .p-box {
            height: 50px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #ddd;
        }

        .p-main {

        }

        .p-footer {
            margin-bottom: 15px;
        }

        .option {
            position: relative;
        }

        .option-num {
            position: absolute;
            top: 0;
            overflow: hidden;
            /*width: 21px;*/
        }

        .option-content {
            margin-left: 21px;
        }
    </style>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="../common/bootstrap/css/html5shiv.min.js"></script>
    <script src="../common/bootstrap/css/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header class="p-header">
    <div class="p-w p-box">
        <span>模拟考试</span>
    </div>
</header>
<main class="p-main">
    <div class="p-w">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">第1题</h3>
            </div>
            <div class="panel-body">
                <!--题干-->
                <div class="content">
                    <p class="content-title">
                        <strong>题目：</strong>
                    </p>
                    <p class="content-body">
                        撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬
                    </p>
                </div>
                <!--选项-->
                <div class="option-box">
                    <p><strong>选项：</strong></p>
                    <div class="option-list">
                        <div class="option clearfix">
                            <div class="pull-left option-num">A</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                        <div class="option clearfix">
                            <div class="pull-left option-num">B</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                        <div class="option clearfix">
                            <div class="pull-left option-num">C</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                        <div class="option clearfix">
                            <div class="pull-left option-num">D</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                    </div>
                </div>
                <!--解析-->
                <div class="analysis">
                    <p class="analysis-title">
                        <strong>解析：</strong>
                    </p>
                    <p class="analysis-body">
                        撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬
                    </p>
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">第1题</h3>
            </div>
            <div class="panel-body">
                <!--题干-->
                <div class="content">
                    <p class="content-title">
                        <strong>题目：</strong>
                    </p>
                    <p class="content-body">
                        撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬
                    </p>
                </div>
                <!--选项-->
                <div class="option-box">
                    <p><strong>选项：</strong></p>
                    <div class="option-list">
                        <div class="option clearfix">
                            <div class="pull-left option-num">A</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                        <div class="option clearfix">
                            <div class="pull-left option-num">B</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                        <div class="option clearfix">
                            <div class="pull-left option-num">C</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                        <div class="option clearfix">
                            <div class="pull-left option-num">D</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                    </div>
                </div>
                <!--解析-->
                <div class="analysis">
                    <p class="analysis-title">
                        <strong>解析：</strong>
                    </p>
                    <p class="analysis-body">
                        撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬
                    </p>
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">第1题</h3>
            </div>
            <div class="panel-body">
                <!--题干-->
                <div class="content">
                    <p class="content-title">
                        <strong>题目：</strong>
                    </p>
                    <p class="content-body">
                        撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬
                    </p>
                </div>
                <!--选项-->
                <div class="option-box">
                    <p><strong>选项：</strong></p>
                    <div class="option-list">
                        <div class="option clearfix">
                            <div class="pull-left option-num">A</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                        <div class="option clearfix">
                            <div class="pull-left option-num">B</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                        <div class="option clearfix">
                            <div class="pull-left option-num">C</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                        <div class="option clearfix">
                            <div class="pull-left option-num">D</div>
                            <p class="pull-left option-content">
                                发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法发生的说法
                            </p>
                        </div>
                    </div>
                </div>
                <!--解析-->
                <div class="analysis">
                    <p class="analysis-title">
                        <strong>解析：</strong>
                    </p>
                    <p class="analysis-body">
                        撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬撒打发斯蒂芬
                    </p>
                </div>
            </div>
        </div>
    </div>
</main>
<footer class="p-footer">
    <div class="p-w">
        版权信息
    </div>
</footer>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="../static/common/bootstrap/js/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="../static/common/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>